<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>首页</title>
		<meta name="description" content="这是一个 index 页面">
		<meta name="keywords" content="index">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="StaticResource/AmazeUI/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="StaticResource/AmazeUI/i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="StaticResource/AmazeUI/css/amazeui.min.css" />
		<link rel="stylesheet" href="StaticResource/AmazeUI/css/amazeui.datatables.min.css" />
		<link rel="stylesheet" href="StaticResource/AmazeUI/css/app.css">
		<script src="StaticResource/AmazeUI/js/jquery.min.js"></script>

		<script src="StaticResource/AmazeUI/js/amazeui.min.js"></script>
		<script src="StaticResource/AmazeUI/js/amazeui.datatables.min.js"></script>
		<script src="StaticResource/AmazeUI/js/dataTables.responsive.min.js"></script>
		<script src="StaticResource/AmazeUI/js/theme.js"></script>
		<script src="StaticResource/Common/Index.js"></script>
		<script src="StaticResource/Common/Core.js"></script>

		<style>
			/*解决火狐浏览器 点击a标签出现方框的问题*/
			
			a:focus {
				outline: none;
			}
		</style>
	</head>

	<body>
		<script src="StaticResource/AmazeUI/js/theme.js"></script>
		<!--
	作者：sheypang@163.com
	时间：2018-06-08
	描述：知乎上的控制台小游戏
-->
		<!--<script>
			(function() {
				if(!window.console) {
					window.console = {
						log: function() {}
					};
					return;
				}
				var me = 19;
				var Star = function() {
					this.x = 0;
					this.speed = 1;
					this.y = 0;
				}
				var score = 0;
				var strs = function() {
					var result = '';
					for(var i = 0; i < 20; i++) {
						result += "\n"
						for(var n = 0; n < 40; n++) {
							var now = '一'
							if(i == 19 && n == me) {
								now = "码"
							}
							if(i == 19 && n == me + 1) {
								now = "农"
							}
							stars.forEach(function(star) {
								var x = Math.floor(star.x);
								var y = Math.floor(star.y)
								if(x == n && y == i) {
									if(Math.abs(star.y - 19) < 1 && (n == me || n == me + 1)) {
										die()
									}
									now = "车"
								}
							})
							result += now;

						}

					}
					result += "       《全民躲车车》得分：" + score
					return result;
				}
				window.onkeydown = function(e) {
					if(e.keyCode == 37) {
						me -= 1;
						if(me < 0) me = 0;
					} else if(e.keyCode == 39) {
						me += 1
						if(me > 38) me = 38
					}
				}
				var count = 0;
				var die = function() {
					clearInterval(timer1)
					clearInterval(timer2)
					clearInterval(timer3)
					setTimeout(function() {
						console.log("游戏结束，您的得分：" + score + ",分享到微博：%o", "http://service.weibo.com/share/share.php?url=http%3A%2F%2Ftangeche.com&pic=http://img.souche.com/test/aab0c3d397799533e446759083c2f97c.gif&title=%E6%88%91%E5%9C%A8%E3%80%90%E5%BC%B9%E4%B8%AA%E8%BD%A6%E3%80%91%E7%8E%A9%E7%A0%81%E5%86%9C%E4%B8%93%E6%9C%89%E6%B8%B8%E6%88%8F%E3%80%8A%E7%A0%81%E5%86%9C%E8%BA%B2%E8%BD%A6%E8%BD%A6%E3%80%8B%E8%8E%B7%E5%BE%97%E4%BA%86" + score + "%E5%88%86%2C%E5%BF%AB%E6%9D%A5%E6%8C%91%E6%88%98%E6%AF%94%E6%AF%94%E7%9C%8B%E3%80%82%E7%94%A8%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8%E6%89%93%E5%BC%80www.tangeche.com%E9%A6%96%E9%A1%B5%EF%BC%8C%E6%89%93%E5%BC%80%E8%B0%83%E8%AF%95%E5%B7%A5%E5%85%B7%E7%9A%84%E6%8E%A7%E5%88%B6%E5%8F%B0%EF%BC%8C%E8%BE%93%E5%85%A5start%28%29%3B%E5%9B%9E%E8%BD%A6%EF%BC%8C%E7%84%B6%E5%90%8E%E6%8C%89%E7%85%A7%E6%8F%90%E7%A4%BA%E5%8D%B3%E5%8F%AF%E5%BC%80%E5%A7%8B%E6%B8%B8%E6%88%8F%E3%80%82%40%E5%BC%B9%E4%B8%AA%E8%BD%A6")
					}, 100)

				}
				var stars = []
				var appearP = 1
				var timer1, timer2, timer3;
				var begin = function() {
					timer1 = setInterval(function() {
						var createCount = Math.floor(Math.random() * 5 * appearP)
						for(var i = 0; i < createCount; i++) {
							var star = new Star();
							star.x = Math.floor(Math.random() * 40)
							star.y = 0;
							star.speed = Math.random() * appearP; //Math.floor(Math.random()*3+1)
							stars.push(star)
						}

					}, 1000)
					timer2 = setInterval(function() {
						stars.forEach(function(star, i) {
							star.y += star.speed;
							if(star.y >= 31) {
								stars.splice(i, 1);
								score++
							}
						})
						console.log(strs())
						count++;
						if(count > 300) {
							console.clear()
							count = 0;
						}
					}, 100)
					timer3 = setInterval(function() {
						appearP *= 1.1
					}, 3000)
				}
				console.log("输入 start(); 后即可开始《码农躲车车》游戏！")
				window.start = function() {
					appearP = 1.1
					starts = [];
					score = 0;
					me = 19;
					count = 0;
					console.log("%c请先用鼠标点击一下弹个车网页页面，游戏需要捕捉网页上的键盘事件（你应该懂吧）！", "font-size:16px;color:#ff6700;")
					console.log("使用键盘左右键移动最下方的码农，躲开所有的汽车，汽车数量和速度会一直增加，看看谁坚持的最久吧！")

					var countdown = 6;
					setTimeout(function() {
						if(countdown-- <= 1) {
							begin();
						} else {
							console.log(countdown)
							setTimeout(arguments.callee, 1000)
						}
					}, 1000)
					return("倒计时！")
				}
			})();
		</script>>-->
		
		
		
		<div class="am-g tpl-g">
			<!-- 头部 -->
			<header>
				<!-- logo -->
				<div class="am-fl tpl-header-logo">
					<a href="javascript:;"><img src="StaticResource/AmazeUI/img/logo.png" alt=""></a>
				</div>
				<!-- 右侧内容 -->
				<div class="tpl-header-fluid">
					<!-- 侧边切换 -->
					<div class="am-fl tpl-header-switch-button am-icon-list">
						<span>
                </span>
					</div>
					<!-- 搜索 -->
					<div class="am-fl tpl-header-search">
						<form class="tpl-header-search-form" action="javascript:;">
							<button class="tpl-header-search-btn am-icon-search"></button>
							<input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
						</form>
					</div>
					<!-- 其它功能-->
					<div class="am-fr tpl-header-navbar">
						<ul>
							<!-- 欢迎语 -->
							<li class="am-text-sm tpl-header-navbar-welcome">
								<a href="javascript:;">欢迎你, <span>Amaze UI</span> </a>
							</li>

							<!-- 新邮件 -->
							<li class="am-dropdown tpl-dropdown" data-am-dropdown>
								<a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle" data-am-dropdown-toggle>
									<i class="am-icon-envelope"></i>
									<span class="am-badge am-badge-success am-round item-feed-badge">4</span>
								</a>
								<!-- 弹出列表 -->
								<ul class="am-dropdown-content tpl-dropdown-content">
									<li class="tpl-dropdown-menu-messages">
										<a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
											<div class="menu-messages-ico">
												<img src="StaticResource/AmazeUI/img/user04.png" alt="">
											</div>
											<div class="menu-messages-time">
												3小时前
											</div>
											<div class="menu-messages-content">
												<div class="menu-messages-content-title">
													<i class="am-icon-circle-o am-text-success"></i>
													<span>夕风色</span>
												</div>
												<div class="am-text-truncate"> Amaze UI 的诞生，依托于 GitHub 及其他技术社区上一些优秀的资源；Amaze UI 的成长，则离不开用户的支持。 </div>
												<div class="menu-messages-content-time">2016-09-21 下午 16:40</div>
											</div>
										</a>
									</li>

									<li class="tpl-dropdown-menu-messages">
										<a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
											<div class="menu-messages-ico">
												<img src="StaticResource/AmazeUI/img/user02.png" alt="">
											</div>
											<div class="menu-messages-time">
												5天前
											</div>
											<div class="menu-messages-content">
												<div class="menu-messages-content-title">
													<i class="am-icon-circle-o am-text-warning"></i>
													<span>Shey-Admin</span>
												</div>
												<div class="am-text-truncate"> 为了能最准确的传达所描述的问题， 建议你在反馈时附上演示，方便我们理解。 </div>
												<div class="menu-messages-content-time">2016-09-16 上午 09:23</div>
											</div>
										</a>
									</li>
									<li class="tpl-dropdown-menu-messages">
										<a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
											<i class="am-icon-circle-o"></i> 进入列表…
										</a>
									</li>
								</ul>
							</li>

							<!-- 新提示 -->
							<li class="am-dropdown" data-am-dropdown>
								<a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>
									<i class="am-icon-bell"></i>
									<span class="am-badge am-badge-warning am-round item-feed-badge">5</span>
								</a>

								<!-- 弹出列表 -->
								<ul class="am-dropdown-content tpl-dropdown-content">
									<li class="tpl-dropdown-menu-notifications">
										<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
											<div class="tpl-dropdown-menu-notifications-title">
												<i class="am-icon-line-chart"></i>
												<span> 有6笔新的销售订单</span>
											</div>
											<div class="tpl-dropdown-menu-notifications-time">
												12分钟前
											</div>
										</a>
									</li>
									<li class="tpl-dropdown-menu-notifications">
										<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
											<div class="tpl-dropdown-menu-notifications-title">
												<i class="am-icon-star"></i>
												<span> 有3个来自人事部的消息</span>
											</div>
											<div class="tpl-dropdown-menu-notifications-time">
												30分钟前
											</div>
										</a>
									</li>
									<li class="tpl-dropdown-menu-notifications">
										<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
											<div class="tpl-dropdown-menu-notifications-title">
												<i class="am-icon-folder-o"></i>
												<span> 上午开会记录存档</span>
											</div>
											<div class="tpl-dropdown-menu-notifications-time">
												1天前
											</div>
										</a>
									</li>

									<li class="tpl-dropdown-menu-notifications">
										<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
											<i class="am-icon-bell"></i> 进入列表…
										</a>
									</li>
								</ul>
							</li>

							<!-- 退出 -->
							<li class="am-text-sm">
								<a href="javascript:;">
									<span class="am-icon-sign-out"></span> 退出
								</a>
							</li>
						</ul>
					</div>
				</div>

			</header>

			<!-- 风格切换 -->
			<!--<div class="tpl-skiner">
				<div class="tpl-skiner-toggle am-icon-cog">
				</div>
				<div class="tpl-skiner-content">
					<div class="tpl-skiner-content-title">
						选择主题
					</div>
					<div class="tpl-skiner-content-bar">
						<span class="skiner-color skiner-white" data-color="theme-white"></span>
						<span class="skiner-color skiner-black" data-color="theme-black"></span>
					</div>
				</div>
			</div>-->

			<!-- 侧边导航栏 -->
			<div class="left-sidebar">
				<!-- 用户信息 -->
				<div class="tpl-sidebar-user-panel">
					<div class="tpl-user-panel-slide-toggleable">
						<div class="tpl-user-panel-profile-picture">
							<img src="StaticResource/AmazeUI/img/user04.png" alt="">
						</div>
						<span class="user-panel-logged-in-text">
              <i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
              Shey-Admin
          </span>
						<a href="javascript:;" class="tpl-user-panel-action-link"> <span class="am-icon-pencil"></span> 账号设置</a>
					</div>
				</div>

				<!-- 菜单 -->
				<li class="sidebar-nav-link">
					<a href="index.html">
						<i class="am-icon-home sidebar-nav-link-logo"></i> 首页
					</a>
				</li>
				<li class="sidebar-nav-heading">管理菜单<span class="sidebar-nav-heading-info"> </span></li>
				<div id="MenuArea">

				</div>
				</ul>
			</div>
			<!--
        	作者：sheypang@163.com
        	时间：2018-05-07
        	描述：内容区域
        -->
			<div id="ContentArea" class="tpl-content-wrapper">

			</div>
		</div>
		</div>

		<script>
			$(function() {
				InitPage.LoadIndex();
			});
		</script>
	</body>

</html>